/* component/shareMoments/popupShare/popupShare.wxss */

.drawer_screen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  background: #000;
  opacity: 0.2;
  overflow: hidden;
}

/*content*/

.drawer_attr_box {
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 3;
  background: #fff;
  border-radius: 48rpx 48rpx 0 0;
}

.drawer_content {
  padding: 20rpx 40rpx;
  height: 238rpx;
  background-color: #fbfbf7;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.drawer_title {
  padding: 20rpx;
  font: 42rpx "microsoft yahei";
  text-align: center;
}

.line-btn {
  width: 2rpx;
  height: 103rpx;
  border-right: 1rpx solid #707070;
}

.drawer_title button {
  width: 210rpx;
  height: 180rpx;
  background-color: #fbfbf7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.drawer_title button image {
  width: 101rpx;
  height: 101rpx;
}

.drawer_title button text {
  font-size: 24rpx;
  color: #2d2d2d;
  margin-top: 30rpx;
}

.cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 102rpx;
  font-size: 34rpx;
}

/* share */

.canvaStyle {
 width:750px;height:1000px;
  /* background-color: #fff;
  box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16);
  opacity: 1;
  position: fixed;
  left: 0;
  top: 0rpx; */
}

.share {
  position: absolute;
  bottom: 100rpx;
  width: 70%;
  left: 15%;
  height: 100rpx;
  line-height: 100rpx;
}

.imagePathBox {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.shengcheng {
  width: 82%;
  height: 67%;
  margin-top: 67rpx;
  margin-left: 70rpx;
  border-radius: 38rpx;
  box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}

.shengcheng2 {
  width: 82%;
  height: 53%;
  margin-top: 155rpx;
  margin-left: 70rpx;
  border-radius: 38rpx;
  box-shadow:0px 3px 6px rgba(0,0,0,0.16);
}

.shareBox {
  width: 100%;
  height: 80%;
  background-color: #fbfbfb;
  position: fixed;
  bottom: 0;
  border-radius: 48rpx 48rpx 0 0;
}

.close-img {
  width: 30rpx;
  height: 30rpx;
  float: right;
  margin-right: 48rpx;
  margin-top: 50rpx;
}

.save-text {
  font-size: 26rpx;
  font-family: PingFang SC;
  font-weight: 500;
  width: 100%;
  line-height: 44rpx;
  color: rgba(44, 44, 44, 1);
  opacity: 1;
  text-align: center;
  position: absolute;
  bottom: 170rpx;
}

.save-btn {
  background: #fe7920;
  box-shadow: 0rpx 6rpx 12rpx rgba(84, 141, 255, 0.4);
  border-radius: 44rpx;
  font-size: 32rpx;
  font-family: PingFang SC;
  font-weight: 500;
  line-height: 44rpx;
  color: rgba(255, 255, 255, 1);
  padding: 20rpx 50rpx;
  position: absolute;
  bottom: 50rpx;
  text-align: center;
  left: 35%;
}
